﻿<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="lib/css/bootstrap.common.min.css" />
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <title></title>
</head>
<body class="container">
    <header class="row header usrpage-header" id="header">
        <a class="pull-left header-btn bg-darker" href="#"><span class="icon2 icon2-back"><span class="sr-only">返回</span></span></a>
        <h1>主题名称</h1>
    </header>
    <div class="row banner" role="banner">
        <div class="carousel">
            <!-- Wrapper for slides -->
            <div class="carousel-inner">
                <div class="item active">
                    <img src="images/banner.jpg" />
                </div>
            </div>
        </div>
    </div>
    <main class="row main">
        <!-- .goods-list-container-->
        <section class="p-10-15 bg-fa">
            <div class="row" role="row">
                <!--一个商品-->
                <article class="col-xs-6 goods-content p-5-10">
                    <a class="goods-pic"><img src="images/example3.jpg" /></a>
                    <a href="#" class="goods-info"><dl>
                        <dt class="mainText">Bela Design原木质小台灯</dt>
                        <dd class="mute">创意 原木质 可调光 小夜灯</dd>
                    </dl></a>
                    <a class="goods-price">
                        <span class="goods-price-now">$158.00</span>
                        <del class="goods-price-old mute">$158.00</del>
                    </a>
                </article>
                <!--一个商品-->
                <article class="col-xs-6 goods-content p-5-10">
                    <a class="goods-pic"><img src="images/example3.jpg" /></a>
                    <a href="#" class="goods-info">
                        <dl>
                            <dt class="mainText">Bela Design原木质小台灯</dt>
                            <dd class="mute">创意 原木质 可调光 小夜灯</dd>
                        </dl>
                    </a>
                    <div class="goods-price">
                        <span class="goods-price-now">$158.00</span>
                        <del class="goods-price-old mute">$158.00</del>
                    </div>
                </article>
                <!--一个商品-->
                <article class="col-xs-6 goods-content p-5-10">
                    <a class="goods-pic"><img src="images/example3.jpg" /></a>
                    <a href="#" class="goods-info">
                        <dl>
                            <dt class="mainText">Bela Design原木质小台灯</dt>
                            <dd class="mute">创意 原木质 可调光 小夜灯</dd>
                        </dl>
                    </a>
                    <div class="goods-price">
                        <span class="goods-price-now">$158.00</span>
                        <del class="goods-price-old mute">$158.00</del>
                    </div>
                </article>
                <!--一个商品-->
                <article class="col-xs-6 goods-content p-5-10">
                    <a class="goods-pic"><img src="images/example3.jpg" /></a>
                    <a href="#" class="goods-info">
                        <dl>
                            <dt class="mainText">Bela Design原木质小台灯</dt>
                            <dd class="mute">创意 原木质 可调光 小夜灯</dd>
                        </dl>
                    </a>
                    <div class="goods-price">
                        <span class="goods-price-now">$158.00</span>
                        <del class="goods-price-old mute">$158.00</del>
                    </div>
                </article>
                <!--一个商品-->
                <article class="col-xs-6 goods-content p-5-10">
                    <a class="goods-pic"><img src="images/example3.jpg" /></a>
                    <a href="#" class="goods-info">
                        <dl>
                            <dt class="mainText">Bela Design原木质小台灯</dt>
                            <dd class="mute">创意 原木质 可调光 小夜灯</dd>
                        </dl>
                    </a>
                    <div class="goods-price">
                        <span class="goods-price-now">$158.00</span>
                        <del class="goods-price-old mute">$158.00</del>
                    </div>
                </article>
                <!--一个商品-->
                <article class="col-xs-6 goods-content p-5-10">
                    <a class="goods-pic"><img src="images/example3.jpg" /></a>
                    <a href="#" class="goods-info">
                        <dl>
                            <dt class="mainText">Bela Design原木质小台灯</dt>
                            <dd class="mute">创意 原木质 可调光 小夜灯</dd>
                        </dl>
                    </a>
                    <div class="goods-price">
                        <span class="goods-price-now">$158.00</span>
                        <del class="goods-price-old mute">$158.00</del>
                    </div>
                </article>
            </div><!--row-->
        </section>
        <section class="comment-page-controler pt-10 pb-20 bor-top-gray-dashed mute" role="navigation">
            <button class="btn btn-default btn-xs mr-10">上一页</button>
            <span role="log"><span>1</span>/<span>2</span></span>
            <button class="btn btn-default btn-xs ml-10">下一页</button>
        </section>
    </main><!--main-->
    <section class="row header usrpage-header header-with-searcher left-side" id="header">
        <div class="search-bar" role="form">
            <input type="text" placeholder="搜索商品/品牌" role="search" />
            <button class="btn search-submit"><span class="icon4 icon4-search"></span></button>
        </div>
        <a class="pull-right header-btn bg-darker" href="#header"><span class="icon4 icon4-top"></span></a>
    </section>
    <!--页尾-->
    <footer class="row footer">
        <nav class="footer-nav">
            <div class="pull-left">
                <a href="usrpage.html" class="nav-item left-icon"><span class="icon icon-people icon-s18"></span>登录</a>
                <a class="nav-item"><span class="icon icon-vertline"></span></a>
                <a href="signup.html" class="nav-item left-icon"><span class="icon icon-locker icon-s18"></span>注册</a>
            </div>
            <div class="pull-right">
                <a class="nav-item" href="feedback.html">反馈</a>
                <a class="nav-item divider"><span class="icon icon-vertline"></span></a>
                <a class="nav-item" href="#header">TOP<span class="icon-beak"></span></a>
            </div>
        </nav>
        <nav class="footer-nav2">
            <div class="platform-select">
                <div class="text-center">
                    <a class="nav-item left-icon" href="#"><span class="icon icon-phone icon-s18"></span>手机版</a>
                    <a class="nav-item left-icon" href="#"><span class="icon icon-computer icon-s18"></span>电脑版</a>
                    <a class="nav-item left-icon"><span class="icon icon-phone2 icon-s18"></span>下载客户端</a>
                </div>
                <div class="text-center footer-copyright">
                    <span>Copyright © 20013-2014  QQT100.COM</span><br />
                    <span>客服电话：4000-139-020</span>
                </div>
            </div>
        </nav>
    </footer>

</body>
</html>
